import React from "react"
import "../../styles/sty/nav.css"
import { Route, BrowserRouter as Router,Link } from "react-router-dom"
import Nav_y from "./nav_y"
import Nav_yhb from "./nav_yhb"




class nav extends React.Component {

    render() {
        return (
             < Router>
         <div id="navBox">
               
            <ul id="ul1">
                <li>
<<<<<<< HEAD
                <Link  id="nav" to='/Nav_y'>
                <img id="pic" src="https://yun.duiba.com.cn/developer/img/custom_default_icon.png"/>
                <span>美食分类</span>
                </Link >
                </li>
                <li>
                <Link  id="nav" to=''>
                <img id="pic" src="https://yun.duiba.com.cn/developer/img/custom_default_icon.png"/>
                <span>会员专区</span>
                </Link >
                </li>

                <li>
                <Link  id="nav" to='/Nav_yhb'>
                <img id="pic" src="https://yun.duiba.com.cn/images/201707/gawmi0zjp2.jpg"/>
               
                <span> 红包专区</span>
                </Link >
                </li>
                     
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/by82zpc962.png"/><span>优惠礼卷</span></Link >
=======
                <Link  id="nav" to='/Nav_y'><img id="pic" src="https://yun.duiba.com.cn/developer/img/custom_default_icon.png"/>美食分类</Link >
               
                </li>

                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/developer/img/custom_default_icon.png"/>会员专区</Link >
                </li>

                <li>
                <Link  id="nav" to='/Nav_yhb'><img id="pic" src="https://yun.duiba.com.cn/images/201707/gawmi0zjp2.jpg"/>红包专区</Link >
                </li>
                     
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/by82zpc962.png"/>优惠礼卷</Link >
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
                </li>


             <li>
<<<<<<< HEAD
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/e2gpweapqd.png"/><span>数码家电</span></Link >
                </li>
                
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/q4eion0i4l.png"/><span>日常家居</span></Link >
                </li>
                
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/yrvj0axxff.png"/><span>食品饮料</span></Link >
                </li>
                
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/5glf4cj3io.png"/><span>个护美妆</span></Link >
=======
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/e2gpweapqd.png"/>数码家电</Link >
                </li>
                
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/q4eion0i4l.png"/>日常家居</Link >
                </li>
                
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/yrvj0axxff.png"/>食品饮料</Link >
                </li>
                
                <li>
                <Link  id="nav" to=''><img id="pic" src="https://yun.duiba.com.cn/images/201611/5glf4cj3io.png"/>个护美妆</Link >
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
                </li>
            </ul>

                 <Route path="/Nav_y" component={ Nav_y } /> 
                 <Route path="/Nav_yhb" component={ Nav_yhb} /> 
           
        </div> 
        </Router>
        )
    }

}


export default nav